<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style6.css">
    <script src="jquery-3.5.1.min.js"></script>
    <script src="JaScript.js"></script>
    <title>饰品商城</title>
</head>
<body>

    <!-- 头部 -->
        <!-- logo -->
        <div class="head">
            <div class="w">
                <div class="hd">
                    <div class="logo">
                        <img src="image/buff_logo.png" alt="">
                    </div>
                    <!-- 导航栏 -->
                    <div class="nav">
                        <ul>
                            <li><a href="index.html" target="_self">首页</a></li>
                            <li><span><a href="index6.html" target="_self">饰品商城</a></span></li>
                            <li><a href="index5.html" target="_self">游戏资讯</a></li>
                        </ul>
                    </div>
                    <!-- logo框 -->
                    <div class="cs">
                        <div class="b1"></div>
                            <h4>CS:GO</h4>
                    </div>
                    <!-- 登录 -->
                    <div class="dropdown">
                        <button class="dropbtn">个人中心</button>
                        <div class="dropdown-content">
                        <a href="index3.html">登录</a>
                        <a href="index2.html">注册</a>
                    </div>
                </div>
            </div>
        </div>
        <!-- 身体 -->
    <div class="zhuti w">
        <ul>
            <li>
                <div class="dropdown">
                    <button class="dropbtn">匕首</button>
                    <div class="dropdown-content">
                    <a href="#">蝴蝶刀</a>
                    <a href="#">蝴蝶刀</a>
                </div>
            </li>
            <li>
                <div class="dropdown">
                    <button class="dropbtn">手枪</button>
                    <div class="dropdown-content">
                    <a href="#">USP</a>
                    <!-- <a href="#">沙漠之鹰</a> -->
                </div>
            </li>
            <li>
                <div class="dropdown">
                    <button class="dropbtn">步枪</button>
                    <div class="dropdown-content">
                    <a href="#">AUG</a>
                    <a href="#">AK47</a>
                </div>
            </li>
            <li>
                <div class="dropdown">
                    <button class="dropbtn">匕首</button>
                    <div class="dropdown-content">
                    <a href="#">蝴蝶刀</a>
                    <a href="#">蝴蝶刀</a>
                </div>
            </li>
            <li>
                <div class="dropdown">
                    <button class="dropbtn">匕首</button>
                    <div class="dropdown-content">
                    <a href="#">蝴蝶刀</a>
                    <a href="#">蝴蝶刀</a>
                </div>
            </li>
            <li>
                <div class="dropdown">
                    <button class="dropbtn">匕首</button>
                    <div class="dropdown-content">
                    <a href="#">蝴蝶刀</a>
                    <a href="#">蝴蝶刀</a>
                </div>
            </li>
            <li>
                <div class="dropdown">
                    <button class="dropbtn">匕首</button>
                    <div class="dropdown-content">
                    <a href="#">蝴蝶刀</a>
                    <a href="#">蝴蝶刀</a>
                </div>
            </li>
            <li>
                <div class="dropdown">
                    <button class="dropbtn">匕首</button>
                    <div class="dropdown-content">
                    <a href="#">蝴蝶刀</a>
                    <a href="#">蝴蝶刀</a>
                </div>
            </li>
            <li>
                <div class="dropdown">
                    <button class="dropbtn">匕首</button>
                    <div class="dropdown-content">
                    <a href="#">蝴蝶刀</a>
                    <a href="#">蝴蝶刀</a>
                </div>
            </li>
            <li>
                <div class="dropdown">
                    <button class="dropbtn">匕首</button>
                    <div class="dropdown-content">
                    <a href="#">蝴蝶刀</a>
                    <a href="#">蝴蝶刀</a>
                </div>
            </li>
        </ul>
    </div>
    <div class="he w">
        <h2>热售商品</h2>
    </div>
    <div class="he2 w">
        <ul>
            <li>
                <a href="https://buff.163.com/goods/835753?from=market#tab=selling">
                    <div class="he3">
                        <div class="he4">
                            <img src="image/盒子bj1.png" alt="">
                            <h4>USP 消音版 | 地狱门票 (略有磨损)</h4>
                            <span>¥ 2.67</span>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="he3">
                        <div class="he4">
                            <img src="image/盒子bj1.png" alt="">
                            <h4>USP 消音版 | 地狱门票 (略有磨损)</h4>
                            <span>¥ 2.67</span>
                        </div>
                    </div>
                </a>
            </li><li>
                <a href="#">
                    <div class="he3">
                        <div class="he4">
                            <img src="image/盒子bj1.png" alt="">
                            <h4>USP 消音版 | 地狱门票 (略有磨损)</h4>
                            <span>¥ 2.67</span>
                        </div>
                    </div>
                </a>
            </li><li>
                <a href="#">
                    <div class="he3">
                        <div class="he4">
                            <img src="image/盒子bj1.png" alt="">
                            <h4>USP 消音版 | 地狱门票 (略有磨损)</h4>
                            <span>¥ 2.67</span>
                        </div>
                    </div>
                </a>
            </li><li>
                <a href="#">
                    <div class="he3">
                        <div class="he4">
                            <img src="image/盒子bj1.png" alt="">
                            <h4>USP 消音版 | 地狱门票 (略有磨损)</h4>
                            <span>¥ 2.67</span>
                        </div>
                    </div>
                </a>
            </li><li>
                <a href="#">
                    <div class="he3">
                        <div class="he4">
                            <img src="image/背景2.png" alt="">
                            <h4>USP 消音版 | 地狱门票 (略有磨损)</h4>
                            <span>¥ 2.67</span>
                        </div>
                    </div>
                </a>
            </li><li>
                <a href="#">
                    <div class="he3">
                        <div class="he4">
                            <img src="image/背景2.png" alt="">
                            <h4>USP 消音版 | 地狱门票 (略有磨损)</h4>
                            <span>¥ 2.67</span>
                        </div>
                    </div>
                </a>
            </li><li>
                <a href="#">
                    <div class="he3">
                        <div class="he4">
                            <img src="image/背景2.png" alt="">
                            <h4>USP 消音版 | 地狱门票 (略有磨损)</h4>
                            <span>¥ 2.67</span>
                        </div>
                    </div>
                </a>
            </li><li>
                <a href="#">
                    <div class="he3">
                        <div class="he4">
                            <img src="image/背景2.png" alt="">
                            <h4>USP 消音版 | 地狱门票 (略有磨损)</h4>
                            <span>¥ 2.67</span>
                        </div>
                    </div>
                </a>
            </li><li>
                <a href="#">
                    <div class="he3">
                        <div class="he4">
                            <img src="image/背景2.png" alt="">
                            <h4>USP 消音版 | 地狱门票 (略有磨损)</h4>
                            <span>¥ 2.67</span>
                        </div>
                    </div>
                </a>
            </li><li>
                <a href="#">
                    <div class="he3">
                        <div class="he4">
                            <img src="image/二西莫夫.png" alt="">
                            <h4>USP 消音版 | 地狱门票 (略有磨损)</h4>
                            <span>¥ 2.67</span>
                        </div>
                    </div>
                </a>
            </li><li>
                <a href="#">
                    <div class="he3">
                        <div class="he4">
                            <img src="image/二西莫夫.png" alt="">
                            <h4>USP 消音版 | 地狱门票 (略有磨损)</h4>
                            <span>¥ 2.67</span>
                        </div>
                    </div>
                </a>
            </li><li>
                <a href="#">
                    <div class="he3">
                        <div class="he4">
                            <img src="image/二西莫夫.png" alt="">
                            <h4>USP 消音版 | 地狱门票 (略有磨损)</h4>
                            <span>¥ 2.67</span>
                        </div>
                    </div>
                </a>
            </li><li>
                <a href="#">
                    <div class="he3">
                        <div class="he4">
                            <img src="image/二西莫夫.png" alt="">
                            <h4>USP 消音版 | 地狱门票 (略有磨损)</h4>
                            <span>¥ 2.67</span>
                        </div>
                    </div>
                </a>
            </li><li>
                <a href="#">
                    <div class="he3">
                        <div class="he4">
                            <img src="image/二西莫夫.png" alt="">
                            <h4>USP 消音版 | 地狱门票 (略有磨损)</h4>
                            <span>¥ 2.67</span>
                        </div>
                    </div>
                </a>
            </li><li>
                <a href="#">
                    <div class="he3">
                        <div class="he4">
                            <img src="image//箱子.png" alt="">
                            <h4>USP 消音版 | 地狱门票 (略有磨损)</h4>
                            <span>¥ 2.67</span>
                        </div>
                    </div>
                </a>
            </li><li>
                <a href="#">
                    <div class="he3">
                        <div class="he4">
                            <img src="image//箱子.png" alt="">
                            <h4>USP 消音版 | 地狱门票 (略有磨损)</h4>
                            <span>¥ 2.67</span>
                        </div>
                    </div>
                </a>
            </li><li>
                <a href="#">
                    <div class="he3">
                        <div class="he4">
                            <img src="image//箱子.png" alt="">
                            <h4>USP 消音版 | 地狱门票 (略有磨损)</h4>
                            <span>¥ 2.67</span>
                        </div>
                    </div>
                </a>
            </li><li>
                <a href="#">
                    <div class="he3">
                        <div class="he4">
                            <img src="image//箱子.png" alt="">
                            <h4>USP 消音版 | 地狱门票 (略有磨损)</h4>
                            <span>¥ 2.67</span>
                        </div>
                    </div>
                </a>
            </li><li>
                <a href="#">
                    <div class="he3">
                        <div class="he4">
                            <img src="image//箱子.png" alt="">
                            <h4>USP 消音版 | 地狱门票 (略有磨损)</h4>
                            <span>¥ 2.67</span>
                        </div>
                    </div>
                </a>
            </li>
        </ul>
    </div>
        <!-- 底部 -->
        <div class="footer">
            <div class="guide"> 
                <div class="guide-section"> <h3>帐号设置</h3> 
                     <ul> 
                        <li><a target="_blank" href="#">实名认证</a>
                        <li><a target="_blank" href="#">交易设置</a> 
                        <li><a target="_blank" href="#">交易防骗指南</a> 
                    </ul> 
                </div> 
                <div class="guide-section"> <h3>钱包相关</h3> 
                    <ul> 
                        <li><a target="_blank" href="#">收费标准</a>
                        <li><a target="_blank" href="#">充值提现</a> 
                    </ul>
                </div> 
                <div class="guide-section"> <h3>交易相关</h3> 
                    <ul> 
                        <li><a target="_blank" href="#">交易报价失败原因汇总</a> 
                        <li><a target="_blank" href="#">新手常见问题</a>
                        <li><a target="_blank" href="#">FAQ （English version)</a>
                        <li><a target="_blank" href="#">什么是交易暂挂</a>
                    </ul> 
                </div> 
                <div class="guide-section"> <h3>便捷支付</h3> 
                    <ul> 
                        <li><span class="icon icon_footer_alipay"></span>&nbsp;&nbsp;支付宝支付
                        <li><span class="icon icon_footer_bank"></span>&nbsp;&nbsp;银行卡支付
                        <li><span class="icon icon_footer_wx"></span>&nbsp;&nbsp;微信支付
                    </ul> 
                </div> 
                <div class="guide-section guide-section_qr"> <h3>手机 BUFF</h3> 
                    <ul> 
                        <li><img style="padding: 3px; background: #fff" src="image/qr-code.png" width="75">
                    </ul> 
                </div>  
            </div>
        </div>
</body>
</html>